{template header_static.html}
<body>
    <div class="body">
        {template header.html}
        <section class="w-container bannerBox ">
            <?php $neiyebanner=dr_site_value('neiyebanner');?>
            <?php if ($neiyebanner) { $key=0; foreach ($neiyebanner as $v) { ?>
            {if $key==4}
            <div class="banner"> 
                <img src="{dr_get_file($v[2])}" alt="" title="" style=" "> 
            </div>
            {/if}
            <?php  $key++; } } ?> 
        </section>
        <div class="w-container w-main">
            <div class="row">
                <div class="wrap-content-in w-system w-productcom">
                    <div class="w-system-in">
                        <div class="side_bar">
                            <div class="w-com-menu w-com-menu-V">
                                <div class="w-com-menu-in">
                                    <div class="systitle">
                                        <div class="systitle-in">{usu_fanyi('Products', $language)}</div>
                                        <i class="fa icon_menuControl"></i>
                                    </div>
                                    <ul class="ul-parent">
                                        {category module=share pid=10 return=t}
                                        <li class="li-parent ">
                                            <div class="div-parent"> 
                                                <a href="{dr_url_rel($t.url, SITE_URL)}">{usu_fanyi($t.name, $language)}</a>
                                                <span class="menu_simpline_cur"></span>
                                            </div>
                                        </li>
                                        {/category}
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="side_left">
                            <style type="text/css">
                                .banner img {
                                    width: 100%;
                                }
                                .w-prd-list1 .w-prd-list-cell {
                                    width: 33.32%;
                                    *width: 33.31%;
                                }
                            </style>
                            <div class="crumbs">
                                
                                <div class="crumbs_in"> &nbsp; <a href='/' class='crumb'>{usu_fanyi('HOME', $language)}</a> 
                                    {dr_catpos($catid,'',true," &gt; <a href='[url]' >[name]</a>")}</div>
                            </div>
                            <div class="w-prd-list w-prd-list1 prd_imgScaleBig" id="idn3">
                                <div class="w-prd-list-in clearfix">
                                    {module module=news catid=$catid page=1}
                                    <div class="w-prd-list-cell">
                                        <div class="w-prd-list-cell-in">
                                            <div class="w-prd-con">
                                                <div class="w-prd-imgbox" title="{usu_fanyi($t.title, $language)}"> 
                                                    <a target="_self" href="{dr_url_rel($t.url, SITE_URL)}" class="img-count w-prd-img">
                                                        <div class="aspectRatio" style="padding-bottom:100%"></div>
                                                        <div class="img-count-in">
                                                            <img alt="{usu_fanyi($t.title, $language)}" src="{dr_get_file($t['thumb'])}">
                                                        </div>
                                                    </a> </div>
                                                <div class="w-prd-infobox" style="text-align:center">
                                                    <h2 class="w-prd-name" title="{usu_fanyi($t.title, $language)}"> 
                                                        <a target="_self" href="{dr_url_rel($t.url, SITE_URL)}">{usu_fanyi($t.title, $language)}</a> 
                                                    </h2>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    {/module}
                                </div>
                            </div>
                            <div class="pages">
                                {$pages}
                            </div>
                            <style>
                                @media(min-width:586px){
                                    li{ 
                                    list-style: none;
                                }
                                .pages .active{
                                    border: 0px ;
                                    background:#C83939;
                                }
                                .pages .active a{
                                    color: #ffffff;
                                }
                                .pages {
                                    margin: 40px 0 ; 
                                }
                                .pagination { 
                                    display: flex; 
                                    align-items: center;
                                }
                                .pagination li:first-child{
                                    border: 0px ;
                                    background:#C83939;
                                }
                                .pagination li:first-child a{
                                    color: #ffffff;
                                }
                                .pagination li { 
                                    border: 1px solid #ccc;
                                    margin: 0 5px; 
                                    line-height: 40px;
                                }
                                .pagination li a{ 
                                padding: 10px 15px;
                                line-height: 4px;
                                }
                                .pagination li:hover{ 
                                    background:#C83939;
                                }
                                .pagination li a:hover{ 
                                    color: #ffffff;
                                }
                                }
                                @media(max-width:586px){
                                    .pagination li:first-child {  
                                        display: none;  
                                    }
                                    li{ 
                                        list-style: none;
                                    }
                                    .pages .active{
                                        border: 0px ;
                                        background:#C83939;
                                    }
                                    .pages .active a{
                                        color: #ffffff;
                                    }
                                    .pages {
                                        display: flex;
                                        justify-content: center;
                                        align-items: center;
                                        margin: 40px 0 ; 
                                    }
                                    .pagination { 
                                        padding-left:0px ;
                                        display: flex; 
                                        justify-content: center; 
                                        align-items: center;
                                    }
                                    .pagination li:first-child{
                                        border: 0px ;
                                        background:#C83939;
                                    }
                                    .pagination li:first-child a{
                                        color: #ffffff;
                                    }
                                    .pagination li { 
                                        border: 1px solid #ccc;
                                        margin: 0 5px; 
                                        line-height: 40px;
                                    }
                                    .pagination li a{ 
                                    padding: 10px 15px;
                                    line-height: 4px;
                                    }
                                    .pagination li:hover{ 
                                        background:#C83939;
                                    }
                                    .pagination li a:hover{ 
                                        color: #ffffff;
                                    }
                                }
                            </style>
                        </div>
                        <script type="text/javascript">
                            $(function () {
                                $("#idn3").listRow({
                                    row: 3,
                                    rowList: ".w-prd-list-cell",
                                    rowFind: ".w-prd-infobox"
                                });
                            });
                        </script>
                    </div>
                </div>
            </div>
        </div>
        {template footer.html}
    </div>
    <div class="topTel" onclick="$('body,html').animate({scrollTop: 0}, 500);"><i class="fa fa-arrow-up"></i></div>

    <script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.global.js"></script>
    <script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.form.js"></script>
    <script type="text/javascript" src="{HOME_THEME_PATH}js/lightbox.min.js"></script>
    <script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.custom.js"></script>
</body>

</html>